<!-- <vue 根据提示回车即可出现如下结构 -->
<template>
	<div>
		<!-- 使用插值表达式 把数据在页面中使用 -->
		<h1>{{msg}}</h1>
		<h1>{{msg}}</h1>
		<h1>{{msg}}</h1>

		<!-- 对象点语法 -->
		<h2>{{obj.name}}</h2>
		<h2>{{obj.name}}</h2>
		<h2>{{obj.name}}</h2>

		<!-- 三元表达式 -->
		<h3>{{obj.age>18?'成年':'未成年'}}</h3>
		<h3>{{obj.age>18?'成年':'未成年'}}</h3>
		<h3>{{obj.age>18?'成年':'未成年'}}</h3>
	</div>
</template>

<script>
	export default {
		// data(){ // 格式固定, 定义vue数据之处
		// 	return {
		// 		msg:"hello,vue",
		// 		obj:{
		// 			name:'vue',
		// 			age:16
		// 		}
		// 	}
		// }

		// data(){
		// 	return{
		// 		msg:'hello,vue',
		// 		obj:{
		// 			name:'vue',
		// 			age:16

		// 		}
		// 	}
		// }

		data(){
			return{
				msg:'hello,vue',
				obj:{
					name:'vue',
					age:16
				}
			}
		}

	}
</script>

<style>

</style>
